
document.getElementsByClassName('header')[0].innerHTML=`
<div class="bar">
    <div class="logo"><img src="./assets/img/logo.png"></div>
    <a href="./index.html" class="btn ">首页</a>
    <a href="./policy.html" class="btn">政策资讯</a>
    <a href="./expert.html" class="btn">专家频道</a>
    <a href="./place.html" class="btn">各地实讯</a>
    <a href="./employment.html" class="btn">就业交流</a>
    <div class="login"><i class="iconfont icon-ren-" ></i>
    <a href="./login.html" class="high">登录</a>/
    <label class="high">注册</label>
    </div>
    </div>
    
    
`;

let btns = document.getElementsByClassName("btn");


var span = document.querySelectorAll('#tab span'),       //css选择器
    div = document.querySelectorAll('.tabpane');

// console.log(btns)
for(let i=0;i<span.length;i++){                   //循环span标签
    span[i].idx = i;
//给span一个自定义的idx属性，将I赋值进去，因为下边的循环不能直接拿到这个循环的i
    span[i].onclick = function(){
        for(var j=0;j<div.length;j++){         //循环div标签
            div[j].style.display = 'none';    //每次点击都先隐藏掉div，并移除class
            span[j].classList.remove('active');
        }
        div[this.idx].style.display = 'block';           //给当前div显示出来
        this.classList.add('active');                      //增加class
    }
}



// btnClick(btns);
// function btnClick(btns) {
//     for(let i=0;i<5;i++){
//         btns[i].onclick=()=>{
//             for(let x=0;x<5;x++){
//                 // btns[i].style.backgroundColor="";
//                 btns[x].className="btn";
//             };
//             btns[i].className ="active";
//             // btns[i].style.backgroundColor="#FE6C00";
//             // window.location.href="../html/policy.html";
//
//         }
//
//     }
// }
